<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery获得内容</title>
    <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#but1").click(function () {
                $("#p1").text("嘿嘿嘿")
            })
            $("#but2").click(function () {
                $("#p2").html("<b>哈哈哈</b>")
            })
            $("#but3").click(function () {
                $("#inp").val("D宝")
            })
        })
    </script>
</head>
<body>
<p id="p1">这是段落。</p>
<p id="p2">这是另一个段落。</p>
<button id="but1">设置新文本</button>
<button id="but2">设置新HTML</button>
<br>
<label>
    姓名：
    <input id="inp" type="text" value="唐老鸭"><br>
    <button id="but3" type="submit">显示新名字</button>
</label>
</body>
</html>